<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<!-- 创建一个表单，用于用户登录，POST方法提交到/login -->
<form action="/login/" method="post">
    <!-- 包含CSRF令牌，用于保护表单免受跨站请求伪造攻击 -->
    {% csrf_token %}
    <table style="margin: 0 auto;width: 500px;">
        <tr>
            <th>用户登录</th>
        </tr>
        <!-- 表单标题为“用户登录” -->
        <tr>
            <td>用户名：</td>
            <td><input type="text" name="user_name"></td>
        </tr>
        <!-- 用户名输入框 -->
        <tr>
            <td>密码：</td>
            <td><input type="password" name="pwd"></td>
        </tr>
        <!-- 密码输入框 -->
        <tr>
            <td colspan="2" style="text-align: center">
                <!-- 提交按钮和一些说明文本
                main.html
                测试运行，浏览器输入： http://127.0.0.1:8000/toLogin/
                转发到login.html
                我们先输入一个错误的用户名和密码：
                -->

                <input type="submit" value="提交">
            </td>
        </tr>
        <tr>
            <td colspan="2" style="color: #f00">{{ error_info }}</td>
        </tr>

    </table>
</form>
</body>
</html>
